/*新闻资讯*/

/*$$

{"color":[{"val":"#1c1c1c","title":"标题文字颜色+新闻标题字体"},

{"val":"#999999","title":"新闻正文字颜色+查看更多+日期"},

{"val":"#c4c4c4","title":"右侧大日期颜色"},

{"val":"#d9ab67","title":"查看更多默认颜色"},

{"val":"#b38d54","title":"右侧标题选中+底部查看更多"}],

"background":[{"val":"#f5f5f5","title":"整体底色"},

{"val":"#000000","title":"标题横线颜色"},

{"val":"#ffffff","title":"左侧底色+右侧选中底色"},

{"val":"#b38d54","title":"查看更多鼠标滑过边框颜色"}],

"border":[{"val":"#c4c4c4","title":"右侧列表边框颜色"},

{"val":"#d9ab67","title":"查看更多默认边框颜色"}]}

$$*/



#news_150 {

	width: 100%;

	padding: 60px 0;

	background: #f5f5f5;

}



#news_150 .newsBody {

	width: 1200px;

	margin: 0 auto;

}



#advantage_150 .indexTitle {

	width: 50%;

	margin: 0 auto;

}



#news_150 .indexEN {

	text-transform: uppercase;

	font-family: arial;

	font-weight: bold;

	font-size: 48px;

	line-height: 50px;

	text-align: center;

	color: #1c1c1c;

}



#news_150 .indexCH {

	font-size: 24px;

	line-height: 60px;

	text-align: center;

	color: #1c1c1c;

}



#news_150 .indexLine {

	width: 10%;

	margin: 0 auto;

	display: flex;

	justify-content: space-between;

	align-items: center;

}



#news_150 .indexLine span {

	width: 40%;

	height: 1px;

	background: #000000;

}



#news_150 .indexLine p {

	width: 6px;

	height: 6px;

	border-radius: 50%;

	background: #000000;

}



#news_150 .newsBig {

	width: 100%;

	margin-top: 60px;

}



#news_150 .newsChar {

	width: 41.7%;

	float: left;

	border-radius: 10px;

	overflow: hidden;

	background: #ffffff;

	

}

#news_150 .newsChar:hover{

	box-shadow: 0 0 15px rgba(0, 0, 0, 0.21);

}

#news_150 .newsChar .itemImg{

	width: 100%;

	overflow: hidden;

	height: 365px;

}

#news_150 .newsChar img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: transform .3s ease;

}

#news_150 .newsChar:hover img{

	transform: scale(1.1);

}

#news_150 .newsCharBody {

	padding:37px 20px;

}



#news_150 .newsCharBody .newsCharBodyTit {

	font-size: 16px;

	line-height: 41px;

	color: #1c1c1c;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

}



#news_150 .newsCharBody p {

	font-size: 14px;

	line-height: 48px;

	color: #999999;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	max-height: 96px;

}



#news_150 .newsCharBot {

	padding: 20px;

}



#news_150 .newsCharMore {

	float: left;

	padding-right: 40px;

	text-align: center;

	background: url(/static/images/NP00014_01.png) no-repeat right center;

	font-size: 14px;

	line-height: 41px;

}



#news_150 .newsCharMore i{

	color: #999999;

	display: block;

	width: 100%;

	cursor: pointer;

}

#news_150 .newsChar:hover .newsCharBodyTit,#news_150 .newsChar:hover .newsCharMore i{

	color: #b38d54;

}

#news_150 .newsCharDay {

	float: right;

	font-size: 14px;

	line-height: 41px;

	color: #999999;

}



#news_150 .newsList {

	width: 50%;

	float: right;

}



#news_150 .newsList ul {

	width: 100%;

}



#news_150 .newsList ul li {

	padding: 20px 0 20px 0;

	border-bottom: #c4c4c4 solid 1px;

	overflow: hidden;

	cursor: pointer;

}



#news_150 .newsList ul li:first-child {

	border-top: #c4c4c4 solid 1px;

}



#news_150 .newsListLeft {

	float: left;

	width: 80%;

	padding: 20px 0;

}



#news_150 .newsListLeft .newsListTit {

	font-size: 16px;

	line-height: 41px;

	color: #1c1c1c;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	height: 41px;

}



#news_150 .newsListLeft p {

	font-size: 14px;

	line-height: 41px;

	color: #999999;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	height: 41px;

}

#news_150 .newsListRight{

	width: 16.7%;

	float: right;

	border-left: #c4c4c4 solid 1px;

}

#news_150 .newsListRight p{

	font-size: 36px;

	font-weight: bold;

	line-height: 60px;

	color: #c4c4c4;

	text-align: right;

}

#news_150 .newsListRight p span{

	font-size: 17px;

	line-height: 50px;

	color: #c4c4c4;

	text-align: right;

}

#news_150 .newsListHover{

	display: none;

	border-left: #c4c4c4 solid 1px;

	float: right;

	width: 16.7%;

	padding:48.5px 0 ;

}

#news_150 .newsListHover img{

	width: 37%;

	display: block;

	margin: 0 auto;

}

#news_150 .newsList ul li:hover{

	background: #ffffff;

	padding-left: 35px;

}

#news_150 .newsList ul li:hover .newsListLeft .newsListTit{

	color: #b38d54;

}

#news_150 .newsList ul li:hover .newsListRight{

	display: none;

}

#news_150 .newsList ul li:hover .newsListHover{

	display: block;

}

#news_150 .aboutMore{

	width: 33.3%;

	margin: 0 auto;

	line-height: 55px;

	text-align: center;

	font-size: 14px;

	line-height: 66px;

	margin-top: 80px;

	position: relative;

	cursor: pointer;

	color: #b38d54;
	
	margin-bottom: 100px;

}

#news_150 .aboutMore .tit{

	position: relative;

	border:#d9ab67 solid 1px;

	width: 100%;

	height: 100%;

	color: #d9ab67;

	display: block;

	width: 100%;

	line-height: 66px;

	height: 66px;

	

}
#news_150 .aboutMore:hover .tit{
	color: #b38d54;
}





#news_150 .aboutMore.btnAnimat .inner{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius: 5px;
}
#news_150 .aboutMore.btnAnimat:before,
#news_150 .aboutMore.btnAnimat:after,
#news_150 .aboutMore.btnAnimat .inner:before,
#news_150 .aboutMore.btnAnimat .inner:after{
	background:#b38d54;

	z-index:100;
}
#news_150 .aboutMore.btnAnimat:before,
#news_150 .aboutMore.btnAnimat:after,
#news_150 .aboutMore.btnAnimat .inner:before,
#news_150 .aboutMore.btnAnimat .inner:after{
	position:absolute;
	content:"";
	display:block;
	-webkit-transition:-webkit-transform 0.3s;
	transition:-webkit-transform 0.3s;
	transition:transform 0.3s;
	transition:transform 0.3s,-webkit-transform 0.3s;
}
#news_150 .aboutMore.btnAnimat:before,
#news_150 .aboutMore.btnAnimat:after{
	left:0;
	width:100%;
	height:1px;
	-webkit-transform:scaleX(0);
	transform:scaleX(0);
}
#news_150 .aboutMore.btnAnimat .inner:before,
#news_150 .aboutMore.btnAnimat .inner:after{
	top:0;
	width:1px;
	height:100%;
	-webkit-transform:scaleY(0);
	transform:scaleY(0);
}

#news_150 .aboutMore.btnAnimat .inner:before{
	left:0;
}
#news_150 .aboutMore.btnAnimat .inner:after{
	right:0;
}
#news_150 .aboutMore.btnAnimat .inner:hover:before,
#news_150 .aboutMore.btnAnimat .inner:hover:after{
	-webkit-transform:scaleY(1);transform:scaleY(1);
}

#news_150 .aboutMore.btnAnimat:before{
	top:-1px;
}
#news_150 .aboutMore.btnAnimat:after{
	bottom:-1px;
}
#news_150 .aboutMore.btnAnimat:hover:before,
#news_150 .aboutMore.btnAnimat:hover:after{
	-webkit-transform:scaleX(1);transform:scaleX(1);
}
#news_150 .aboutMore.btnAnimat:hover .inner:before,
#news_150 .aboutMore.btnAnimat:hover .inner:after{
	-webkit-transform:scaleY(1);transform:scaleY(1);
}
#news_150 .aboutMore.btnAnimat.clockwise .inner:before{
	-webkit-transform-origin:top center;
	transform-origin:top center;
}
#news_150 .aboutMore.btnAnimat.clockwise .inner:after{
	-webkit-transform-origin:bottom center;
	transform-origin:bottom center;
}
#news_150 .aboutMore.btnAnimat.clockwise:before{
	-webkit-transform-origin:right center;
	transform-origin:right center;
}
#news_150 .aboutMore.btnAnimat.clockwise:after{
	-webkit-transform-origin:left center;
	transform-origin:left center;
}
#news_150 .aboutMore.btnAnimat.clockwise:hover .inner:before{
	-webkit-transform-origin:bottom center;
	transform-origin:bottom center;
}
#news_150 .aboutMore.btnAnimat.clockwise:hover .inner:after{
	-webkit-transform-origin:top center;
	transform-origin:top center;
}
#news_150 .aboutMore.btnAnimat.clockwise:hover:before{
	-webkit-transform-origin:left center;
	transform-origin:left center;
}
#news_150 .aboutMore.btnAnimat.clockwise:hover:after{
	-webkit-transform-origin:right center;
	transform-origin:right center;
}




@media screen and (max-width:1200px) {

	#news_150{

		padding: 30px 0;

	}

	#news_150 .newsBody{

		width: 90%;

	}

	#news_150 .newsListRight{

		width: 18%;

	}

	#news_150 .newsListRight p{

		line-height: 50px;

	}

	#news_150 .newsListLeft{

		padding: 0;

	}

	#news_150 .aboutMore{

		margin-top: 40px;

	}

	#news_150 .newsChar .itemImg{

		height: 300px;

	}

}

/* ipad */

@media screen and (max-width:992px){

	#news_150{

		padding: 30px 0;

	}

	#news_150 .newsBody{

		width: 90%;

	}

	#news_150 .newsListRight{

		width: 30%;

	}

	#news_150 .newsListRight p{

		line-height: 40px;

	}

	#news_150 .newsListLeft{

		padding: 0;

	}

	#news_150 .aboutMore{

		margin-top: 40px;

	}

	#news_150 .newsChar .itemImg{

		height: 200px;

	}

	#news_150 .newsList{

		width: 54%;

	}

	#news_150 .newsListRight{

		width: 20%;

		text-align: center;

	}

	#news_150 .newsCharBody{

		padding: 20px 20px 0 20px;

	}

	#news_150 .newsCharBody p{

		line-height: 30px;

	}

	

	#news_150 .newsList ul li{

		padding: 3px 0;

	}

}

/* 手机 */

@media screen and (max-width: 767px) {

	#news_150{

		padding: 20px 0;

	}

	#news_150 .newsBody{

		width: 96%;

	}

	#news_150 .indexEN{

		font-size: 28px;

		line-height: 35px;

	}

	

	#news_150 .newsChar .itemImg{

		height: 240px;

	}

	#news_150 .newsCharBody{

		padding: 10px 10px;

	}

	#news_150 .newsCharBody p{

		font-size: 14px;

		line-height: 24px;

		max-height: 48px;

	}

	#news_150 .newsCharBody .newsCharBodyTit{

		line-height: 36px;

	}

	#news_150 .indexCH{

		font-size: 20px;

		line-height: 30px;

	}

	#news_150 .newsBig{

		margin-top: 20px;

	}

	#news_150 .newsChar{

		width: 100%;

	}

	#news_150 .newsList{

		width: 100%;

		padding: 0 10px;

		margin-top: 10px;

	}

	#news_150 .newsListRight{

		width: 20%;

	}

	#news_150 .newsListRight p{

		line-height: 36px;

	}

	#news_150 .newsListLeft{

		padding: 0;

	}

	#news_150 .aboutMore{

		margin-top: 20px;

		width: 40%;

	}

	#news_150 .aboutMore a{

		height: 30px;

		line-height: 30px;

	}

	#news_150 .newsCharBot{

		padding: 0 10px 10px;

	}

	#news_150 .newsCharMore{

		line-height: 24px;

	}

	#news_150 .newsCharDay{

		line-height: 24px;

	}

	#news_150 .newsList ul li{

		padding: 10px 0;

	}

	#news_150 .newsListLeft .newsListTit{

		line-height: 30px;

		height: 30px;

	}

	#news_150 .newsListLeft p{

		line-height: 24px;

		height: 24px;

	}

	#news_150 .newsListRight p{

		font-size: 18px;

		text-align: center;

		line-height:28px;

	}

	#news_150 .newsListRight p span{

		font-size: 14px;

		line-height: 24px;

	}

	#news_150 .aboutMore .tit{

		line-height: 50px;

		height: 50px;

	}

}